<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>预定会议室</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,maximum-scale=1.0,user-scalable=0">
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link rel="stylesheet" href="css/sm.css">
  <link rel="stylesheet" href="font/iconfont.css">
  <link rel="stylesheet" href="css/meeting-list.css">
</head>

<body>
  <div class="page page-current">
    <div class="determine" id="determineBtn"><span class="iconfont icon-yuding"></span><span>抢订</span></div>
    <div id="meetingListCont" class="meeting-list-cont">
      <header class="bar bar-nav head-meeting-cont" id="headMeeting">
        <ul class="head-meeting row"></ul>
      </header>
    </div>
    <div class="content">
      <div class="buttons-tab">
        <a href="#tab1" class="tab-link button" id="tabOneLink"><span id="weekTab"></span>(<span id="dateTab"></span>) <span class="icon icon-down"></span></a>
        <a href="#tab2" class="tab-link button" id="tabTwoLink"><span id="floor">6楼</span><span class="icon icon-down"></span></a>
      </div>
      <div class="tabs">
        <div id="tab1" class="tab">
          <ul id="timeList"></ul>
        </div>
        <div id="tab2" class="tab">
          <ul>
            <li>6楼</li>
            <li>7楼</li>
            <li>8楼</li>
            <li>9楼</li>
          </ul>
        </div>
      </div>
      <div class="content-block meeting-content">
        <div class="row">
          <div class="col-15 time-list">
            <ul id="dateList">
              <li class="morning">上午</li>
              <li data-time="9">09:00<span class="grey-line"></span></li>
              <li data-time="10">10:00<span class="grey-line"></span></li>
              <li data-time="11">11:00<span class="grey-line"></span></li>
              <li class="lunch-hour" data-time="12">12:00</li>
              <li class="afternoon">下午</li>
              <li data-time="14">14:00<span class="grey-line"></span></li>
              <li data-time="15">15:00<span class="grey-line"></span></li>
              <li data-time="16">16:00<span class="grey-line"></span></li>
              <li data-time="17">17:00<span class="grey-line"></span></li>
              <li data-time="18">18:00<span class="grey-line"></span></li>
              <li data-time="19">19:00<span class="grey-line"></span></li>
              <li data-time="20">20:00</li>
            </ul>
          </div>
          <div class="col-85 meeting-list">
            <div class="row" id="meetingList">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--build:js js/common.min.js -->
  <script src="js/zepto.js"></script>
  <script src="js/sm.js"></script>
  <script src="js/common.js"></script>
  <!-- endbuild -->
  <script src="js/meeting-list.js"></script>
</body>

</html>
